@import "./../../tab-list/tab-list.component.less";
@import (reference) "./../../shared/common";
@import (reference) "./../../shared/color";
.quote-block-container {
  height: 100%;
  display: inline-block;
  .transition();
  &.with-detail {
    width: 70%;
  }
}

.block-bottom {
  height: calc(~"100% - 80px");
}

@height-tab-list: 28px;
.quote-chart-container {
  float: right;
  width: 30%;
  height: 100%;
  border-left: @border-simple;
  border-left-width: 2px;
  .transition();
  .chart-with-tab {
    height: calc(~"50% - 1px");
    background-color: @color-white;
    .chart-wrapper {
      height: calc(~"100% - 2px - "@height-tab-list);
      padding: 0 @space-common;
    }
    .cm-tab-list {
      margin: 0;
    }
    &+.chart-with-tab {
      border-top: @border-simple;
    }
  }
}

.info-list-container {
  stock-info {
    width: 100%;
  }
  .display-flex(row);
  height: 30%;
  .list-heading {
    font-size: 1.4rem;
  }
  .list-heading,
  hr {
    margin: 0
  }
  .list-wrapper {
    background-color: white;
    padding: 0 10px;
    width: 100px;
    flex-grow: 1;
    height: 100%;
    .info-list {
      height: calc(~"100% - 31px");
      overflow-y: auto;
    }
    // &+.list-wrapper {
    //   margin-left: 10px;
    // }
  }
  // .info-item:nth-child(2n) {
  //   background-color: #F6F7F7;
  // }
  .info-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    .info-date {
      float: right;
    }
  }
  .info-link,
  .list-heading {
    line-height: 30px;
    // padding: 0 10px;
  }
  .info-link {
    color: @color-black-light;
    &:hover,
    &:active,
    &.active {
      color: @color-black-normal;
    }
  }
}

.table-container {
  height: 70%;
  .block-table,
  .stock-table {
    border-bottom: @border-simple;
    border-bottom-width: 2px;
  }
  .block-table,
  {
    height: 50%;
    .quote-table {
      .quote-table-body.fixed-width .quote-table-row {
        min-width: unset;
      }
    }
  }
  .stock-table {
    height: 50%;
    .table-caption {
      margin: 0;
      height: 30px;
      line-height: 30px;
      background: white;
      margin-bottom: 1px;
      margin-left: 1px;
      padding: 0 10px;
      font-size: 1.6rem;
    }
  }
}

.quote-table {
  .quote-table-row {
    .quote-table-cell {}
  }
}